<template>
  <div>
    <el-button @click="ceshi">测试</el-button>
    <!-- <el-image
      style="width: 100px; height: 100px"
      src="http://kong-8000.pcloud.sunnyoptical.cn/crm-file/upload/file/upload/getFile2?path=/crmdata/crm-file/swipe/306b462abe474c72b8d158670d107858.png"
    >
      </el-image> -->
    <kunkka-only-form-dialog>
      <template v-slot:header />
      <template v-slot:design />
    </kunkka-only-form-dialog>

    <!-- <kunkka-tinymce /> -->
    <div class="markdown-body">
      <readme />
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import Readme from './readme.md'
export default {
  name: 'OnlyformDialog',
  components: { Readme },
  data() {
    return {
      action:
        'https://imhome.sunnyoptical.cn/impreset/file/upload/cloudUploadFile',
      uploadAction:
        'https://imhome.sunnyoptical.cn/impreset/file/upload/getcloudviewFile',
      form: [],
      model: {
        gonghao: ''
      },
      timelineList: null,
      rightComplete: false,
      leftComplete: false
    }
  },
  computed: {
    ...mapGetters(['name'])
  },
  mounted() {},
  methods: {
    ceshi: function() {
      this.$store.dispatch('kunkkaOnlyFormDialog/toggleSetModel', {
        visible: true,
        model: {
          gonghao: '',
          simpleuploadimg: '张鑫03/swipe/a9c0734714e2451db977e03f1c1c85e0.png'
        }
      })
    }
  }
}
</script>
<style lang="scss">
.Kunkka-collapse-form {
  .el-form-item--mini.el-form-item {
    margin-bottom: 0;
  }
}
</style>
